export const defineTokens = {
  borderRadius: 4,
  wireframe: false,
  fontSize: 14,
  colorPrimary: '#1764CE',
  colorTextBase: '#666666',
  colorPrimaryBg: '#fff',
};
export const defineComponents = {
  Table: {
    padding: 8,
    colorFillAlter: '#F2F6FC4C',
  },
  Menu: {
    controlHeightLG: 44,
  },
  Button: {
    colorPrimary: '#1764CE',
    colorText: '#222222',
    colorPrimaryHover: 'rgba(23, 100, 206, 0.8)',
    colorPrimaryActive: '#0052D9FF',
  },
  Input: {
    colorBorder: '#f0f0f0',
    colorText: '#444444',
    colorTextPlaceholder: '#999999',
  },
  Select: {
    colorTextPlaceholder: '#999999',
    colorBorder: '#f0f0f0',
    colorText: '#444444',
    controlItemBgHover: 'rgba(242, 246, 252, 1)',
    controlItemBgActive: '#ffffff',
    fontWeightStrong: 400,
  },
  Form: {
    colorText: '#666666',
    colorBorder: '#F0F0F0',
    colorTextHeading: '#666666',
  },
  DatePicker: {
    colorBorder: '#f0f0f0',
  },
};
